@import "variables";
.seed-person-homepage{
  width:100%;
  .person-header{
    width:100%;
    height: pxTorem(274);
    overflow: hidden;
    padding: pxTorem(70) pxTorem(20) 0 pxTorem(20);
    position: relative;
    background:url('../../../assets/images/personal_bannerbg.png') no-repeat center center/cover;
    .person-icon{
      position: absolute;
      top:pxTorem(28);
      right:0;
      width:pxTorem(30);
      height:pxTorem(30);
    }
    .person-Info{
      width:100%;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: space-between;
        .person-image{
          position: relative;
          float:left;
          .person-img{
            width:pxTorem(120);
            height:pxTorem(120);
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            margin-right: 0;
          }
          .little-icon{
            width:pxTorem(30);
            height:pxTorem(30);
            position: absolute;
            bottom:pxTorem(0);
            right:pxTorem(0);
          }
        }
      .person-name{
        display: inline-block;
        max-width: 60%;
        float:left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color:color($h5,c10);
        @include font-dpr(34px);
      }
      .person-check{
        float:left;
        margin-left:pxTorem(10);
        height:pxTorem(30);
        line-height: pxTorem(30);
        margin-top:pxTorem(6);
        color:color($h5,c10);
        @include font-dpr(24px);
      }
      .person-edit{
        margin-top:pxTorem(20);
        @include font-dpr(24px);
        color: color($h5,c10);
        overflow: hidden;
        img{
          float:left;
          width:pxTorem(25);
          height:pxTorem(30);
          vertical-align: middle;
        }
        span{
          float:left;
          margin-left:pxTorem(5);
          max-width: 85%;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          padding-top:pxTorem(2);
        }
      }
      .person-detail-info{
        //height: pxTorem(120);
        float:left;
        display: flex;
        flex-direction: column;
        //width: 52%;
        flex-grow: 2;
        margin-left:pxTorem(20);
        //padding-top:pxTorem(10);
        box-sizing: content-box;
        .person-nickName{
          overflow: hidden;
          display: flex;
          align-items: center;
        }
      }
      .careStatePlace{
        float:right;
        height:pxTorem(52);
        line-height: pxTorem(50);
        border-radius: pxTorem(50);
      }
      .careStatus{
        width: 100%;
        max-width: pxTorem(140);
        height:pxTorem(50);
        line-height: normal;
        border-radius: pxTorem(50);
        border:1px solid color($h5,c10);
        @include font-dpr(24px);
        text-align: center;
        color:color($h5,c10);
        display: block;
        white-space: nowrap;
      }
    }
  }
}
.homepage-hide{
  display: none;
}
.homepage-current{
  display: block;
}
//.seed-person-homepage:after{
//  content:' ';
//  background:color($h5,c9);
//  height:pxTorem(15);
//  display: block;
//  width:100%;
//}









